<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../docs-assets/ico/favicon.png">
    <!-- Bootstrap core CSS -->
    <link href="../css/smoothness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
    <script src="../js/jquery-1.10.2.js"></script>
    <script src="../js/jquery-ui-1.10.4.custom.min.js"></script>
    <script src="../js/main.js"></script>
      <style>
  #draggable{ width: 700px; height: 500px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
  </style>
  <script>
  $(function() {
    $( "#draggable" ).draggable({ scroll: true });
    $("#dateFrom,#dateTo").datepicker();
    $("button").button();
  });
  </script>
  </head>
  <body> 
        <div id="draggable" class="ui-widget-content">
          <table width="100%">
              <tr>
                  <td align="left"><big><b>添加通知公告</b></big></td>
                  
              </tr>
              <tr>
                  <td><br><br>
                    <table width="100%" >
                        <tr>
                            <td align="right">通知标题:</td>
                            <td><input type="text" size="70"/></td>
                        </tr>
                        <tr>
                            <td align="right">通知有效期:</td>
                            <td><input type="text" id="dateFrom"/>&nbsp;至&nbsp;<input type="text" id="dateTo"/></td>
                        </tr>
                        <tr>
                            <td align="right">通知内容:</td>
                            <td><textarea cols="70" rows="20"></textarea></td>
                        </tr>
                    </table>
                  </td>
              </tr>
              <tr>
                  <td align="center"><button>发布</button>&nbsp;&nbsp;<button>取消</button></td>
              </tr>
          </table>
        </div>
        <div style="height: 700px; width: 1px;"></div>
  </body>
</html>